<script setup lang="ts">
import { Button, type ButtonProps } from 'ant-design-vue'

defineOptions({
  name: 'AddButton',
  inheritAttrs: true,
})
withDefaults(defineProps<ButtonProps>(), {
  type: 'primary',
  ghost: true,
  size: 'large',
  block: true,
})
</script>

<template>
  <Button
    v-bind="$props" class="mt-6 flex items-center justify-center gap-1"
  >
    <template #icon>
      <i class="i-ant-design:plus-outlined w-4 h-4" />
    </template>
    <slot />
  </Button>
</template>
